<style type="text/css">
    body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px }
	.ui-tabs-vertical { width: 61em; }
	.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
	.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
	.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
	.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
	.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em; width:600px }
</style>

<style type="text/css">
em.error {
  background:url("images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  color: red;
}
em.success {
  background:url("images/checked.gif") no-repeat 0px 0px;
  padding-left: 16px;
}

input.error { border: 1px solid gray; background:none; }

select.error { border: 1px solid gray; background:none; }

input.radio.error { border: 1px solid gray; }

#warning { display: none; }
</style>
<h3 id="warning"></h3>
<div id="errContainer"></div>

</script>